const HtmlWebpackPlugin = require('html-webpack-plugin') // 自动引用资源
const { resolve } = require('path')

module.exports = {
  // 配置 loader
  entry: './src/index.js',
  output: {
    // 文件名
    filename: 'built.js',
    // 输出路径
    // __dirname nodejs的变量，代表当前文件的目录绝对路径
    path: resolve(__dirname, 'build')
  },
  plugins: [
    // 配置plugins的配置
    // html-webpack-plugin
    // 功能：默认会创建一个空的html，自动移入打包输出的所有资源(js/css)
    new HtmlWebpackPlugin({
      // 创建/复制 一个html文件 (使用html模板)
      template: './src/index.html', // 最好使用 绝对路径
    })
  ]
}